<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/header :: header('岗位权限分配')"></head>
<link th:href="@{/statics/plugins/wizard/wizard.css}" rel="stylesheet"/>
<body>
<div class="widget-body" id="dpForm">
    <div id="wizard" class="wizard" data-target="#wizard-steps" style="border-left: none; border-top: none; border-right: none;">
        <ul class="steps">
            <li data-target="#step-1" class="active"><span class="step">1</span>功能菜单<span class="chevron"></span></li>
            <li data-target="#step-2"><span class="step">2</span>按钮权限<span class="chevron"></span></li>
            <li data-target="#step-3"><span class="step">3</span>列表权限<span class="chevron"></span></li>
            <li data-target="#step-4"><span class="step">4</span>数据权限<span class="chevron"></span></li>
        </ul>
    </div>
    <div class="step-content" id="wizard-steps" style="border-left: none; border-bottom: none; border-right: none;">
        <div class="step-pane active" id="step-1">
            <div id="moduleTree" style="margin: 10px;"></div>
        </div>
        <div class="step-pane" id="step-2">
            <div id="moduleButtonTree" style="margin: 10px;"></div>
        </div>
        <div class="step-pane" id="step-3">
            <div id="moduleColumnTree" style="margin: 10px;"></div>
        </div>
        <div class="step-pane" id="step-4" style="margin: 15px; margin-bottom: 0px;">
            <div>
                <ul class="list-group">
                    <li class="list-group-item">
                        <div class="radio">
                            <label>
                                <input name="authorizeType" type="radio" checked="checked" value="-1" />&nbsp;
                                仅限本人
                            </label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <div class="radio">
                            <label>
                                <input name="authorizeType" type="radio" value="-2" />&nbsp;
                                仅限本人及下属
                            </label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <div class="radio">
                            <label>
                                <input name="authorizeType" type="radio" value="-3" />&nbsp;
                                所在部门
                            </label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <div class="radio">
                            <label>
                                <input name="authorizeType" type="radio" value="-4" />&nbsp;
                                所在公司
                            </label>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <div class="radio">
                            <label>
                                <input name="authorizeType" type="radio" value="-5" />&nbsp;
                                自定义设置
                            </label>
                        </div>
                        <div id="organizeTree" style="margin: 10px; margin-bottom: 0px;"></div>
                        <div id="organizeTreebackground" style="position: fixed; top: 251px; left: 15px; z-index: 2; width: 670px; height: 343px; background: #000; filter: alpha(opacity=10); opacity: 0.1;"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="form-button" id="wizard-actions">
    <a id="btn_last" disabled class="btn btn-default btn-prev">上一步</a>
    <a id="btn_next" class="btn btn-default btn-next">下一步</a>
    <a id="btn_finish" disabled class="btn btn-success">完成</a>
</div>

<div th:include="include/footer_jqGrid :: footer"></div>
<script th:src="@{/statics/plugins/wizard/wizard.js}"></script>
<script th:src="@{/statics/js/authorize/permissionPost/allotAuthorize.js}"></script>
</body>
</html>